<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;"/>
  <meta http-equiv="pragma" content="no-cache">
  <meta http-equiv="cache-control" content="no-cache,no-store,must-revalidate,post-check=0,ptr-check=0">
  <meta http-equiv="expires" content="-1">
  <title>疾病类型</title>
  <link rel="stylesheet" href="css/base.css" type="text/css">
  <link rel="stylesheet" href="css/style.css" type="text/css">
  <link rel="stylesheet" href="css/mui.min.css" type="text/css">
  <link rel="stylesheet" href="css/app.css" type="text/css">
  <style>
    header{
      /*background: linear-gradient(to right, #C4E759 , #6DE195); !* 标准的语法 *!*/
      background: linear-gradient(to right, #8DEBFF , #6CACFF); /* 标准的语法 */
    }
    /*header .mui-title{*/
    /*  color:#ffffff;*/
    /*  font-weight:bolder;*/
    /*}*/
    #container{
      margin-top: 0 !important;
    }
    .mui-slider{
      margin-bottom: 5px;
      height: 180px;
      border-bottom: #eee solid 1px;
      /*box-shadow:#ccc 12px 0px 10px 10px;*/
    ;
    }
    .mui-btn{
      width:75%;
      height: 40px;
      border:none;
      color:#ffffff;
      font-size:18px;
      border-radius:20px;
      font-weight: bolder;
      background: #51a4f1;
      /*background: linear-gradient(to right, #54E38E, #41C7AF ); !* 标准的语法 *!*/
    }
    .module{
      width:100%;
      height: 100%;
      position: fixed;
      background: #ffffff;
      border-top:#eeeeee solid 1px;
    }
    .mui-slider .mui-slider-group .mui-slider-item{
      /*vertical-align: bottom;*/
    }
    .module ul{
      padding: 10px;
    }
    .module ul li{
      width:45%;
      height: 100px;
      background: #f7f7f7;
      /*background: url(img/list2.jpg) no-repeat 0 0;*/
      border-radius: 6px;
      float:left;
      padding: 10px;
      text-align: center;
    }
    .module ul li:nth-child(2){
      float:right;
    }
    .module ul li p.icon{
      width:50px;
      height: 50px;
      border-radius: 25px;
      margin: 0 auto;
      text-align: center;
      background-image: -webkit-linear-gradient(0deg, #8DEBFF, #6CACFF);
    }
    .module ul li p.icon1{
      background-image: -webkit-linear-gradient(90deg, #6DE195, #C4E759);
    }
    .module ul li h5{
      font-size:16px;
      color:#666;
      line-height: 36px;
    }
  </style>
</head>
<body>
<div id="container" style="margin-top:45px;text-align: center">
<!--  <div class="mui-content">-->
<!--    <ul class="mui-table-view mui-table-view-chevron">-->
<!--      <li id="switch" class="mui-table-view-cell">-->
<!--        定时轮播-->
<!--        <div class="mui-switch">-->
<!--          <div class="mui-switch-handle"></div>-->
<!--        </div>-->
<!--      </li>-->
<!--    </ul>-->
<!--  </div>-->
  <div class="mui-slider">
    <div class="mui-slider-group mui-slider-loop">
      <!--支持循环，需要重复图片节点-->
      <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="img/yuantiao.jpg" /></a></div>
      <div class="mui-slider-item"><a href="#"><img src="img/cbd.jpg" /></a></div>
      <div class="mui-slider-item"><a href="#"><img src="img/p1.jpg" /></a></div>
      <div class="mui-slider-item"><a href="#"><img src="img/1.gif" /></a></div>
      <!--支持循环，需要重复图片节点-->
      <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="img/yuantiao.jpg" /></a></div>
    </div>
  </div>
  <div class="module">
    <ul>
      <li onclick="next(4)">
        <p class="icon">
          <img src="img/talent.png" alt="" style="width:98%;">
        </p>
        <h5>骨松模块</h5>
      </li>
      <li onclick="next(5)">
        <p class="icon icon1">
          <img src="img/process.png" alt="" style="width:96%;">
        </p>
        <h5>失智模块</h5>
      </li>
    </ul>
  </div>
</div>
<script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
<script src="js/vue.min.js" type="text/javascript"></script>
<script src="js/mui.min.js" type="text/javascript"></script>
<script src="js/style.js" type="text/javascript"></script>
<script type="text/javascript">
  //获得slider插件对象
  var gallery = mui('.mui-slider');
  gallery.slider({
    interval:5000//自动轮播周期，若为0则不自动播放，默认为0；
  });
  function next(diseaseType){
    sessionStorage.setItem('diseasesType',diseaseType);
    //       // this.diseasesType = sessionStorage.getItem('diseasesType');
    window.location.href = 'loseWisdomList.html?type='+diseaseType ;
  }
</script>
<script>
  // var vm = new Vue({
  //   el:"#container",
  //   data:{},
  //   methods:{
  //     next:function(diseaseType){
  //       sessionStorage.setItem('diseasesType',diseaseType);
  //       // this.diseasesType = sessionStorage.getItem('diseasesType');
  //       window.location.href = 'loseWisdomList.html?type='+diseaseType ;
  //     }
  //   }
  // })
</script>
</body>
</html>
